<?php require_once('./modulos/header.php'); ?> 

    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        
<?php require_once('./modulos/navbar.php'); ?> 

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1>AutoNuevo</h1>
        <p>Trabajar con nosotros sera un recuerdo para toda la vida.</p>
        <!--<p><a class="btn btn-primary btn-lg">Learn more &raquo;</a></p>-->
      </div>
    </div>
<br>
    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-lg-8">
            <?php require_once('./scripts/alertas.php'); ?>
            
            <form role="form" method="POST" action="BD/Usuarios/usuarios_insertar.php">              
                <div class="form-group">
                  <label for="modelo" class="col-md-2">
                    Modelo Automovil:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca el Modelo del nuevo Automovil" type="text" class="form-control" name="modelo" id="modelo" placeholder="Modelo del Automovil" pattern="[a-zA-Z ]+" required>
                  </div><br/><br/>
                </div>

                <div class="form-group">
                  <label for="marca" class="col-md-2">
                    Marca:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca Marca del Automovil" type="text" class="form-control" name="marca" id="marca" placeholder="AutoMarca" pattern="[a-zA-Z ]+" required>
                  </div><br/><br/>
                </div> 
                
                <div class="form-group">
                  <label for="serial" class="col-md-2">
                    Serial del Automovil:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca el Serial del Automovil" type="text" class="form-control" name="serial" id="serial" placeholder="WAUHF38PX6A037786" pattern="[a-zA-Z ]+" required>
                  </div><br/><br/>
                </div>                
                               
                <br>
                <div class="form-group">
                    <label for="caja" class="col-md-2">
                        Tipo de caja:
                    </label>
                    <div class="col-md-10">
                        <label class="radio">
                            <input type="radio" name="caja" id="caja" value="manual" required>
                            Manual
                        </label>
                        <label class="radio">
                            <input type="radio" name="caja" id="caja" value="automatico" required>
                            Automatico
                        </label>
                        <label class="radio">
                            <input type="radio" name="caja" id="caja" value="dual" required>
                            Dual
                        </label>
                    </div><br /><br />
                </div>    
                 
                <div class="form-group">
                  <label for="estatus" class="col-md-2">
                    Estatus:
                  </label>
                  <div class="col-md-10">
                      <input title="Estatus del Automovil" type="text" class="form-control" id="estatus" name="estatus"  required value="Disponible" disabled="disabled">
                  </div><br/><br/>
                </div>                
                
                <div class="form-group">
                  <br/><br/>
                  <label for="fecha_fabricacion" class="col-md-2">
                    Fecha de Fabricacion:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca la fecha de Fabricacion" type="date" class="form-control" name="fecha_fabricacion" id="fecha_fabricacion" placeholder="DD/MM/YYYY" pattern="(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d" required>
                  </div><br/>
                </div>
                
                <div class="form-group">
                  <br/><br/>
                  <label for="country" class="col-md-2">
                    País:
                  </label>
                  <div class="col-md-10">
                      <select tittle="Seleccione el Pais de Fabricacion" name="country" id="country" class="form-control" required>
                      <?php require_once('./modulos/paises-ciudades/paises.php'); ?>
                      </select>    
                  </div><br/><br/>
                </div>
                
                <div class="form-group">
                  <label for="fabricante" class="col-md-2">
                    Fabricante:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca Fabricante del Automovil" type="text" class="form-control" id="fabricante" name="fabricante" placeholder="Fabricante del Automovil" pattern="[a-zA-Z ]+" required>
                  </div><br/><br/>
                </div>
                
               <div class="form-group">
                  <label for="puertas" class="col-md-2">
                    Numero de puertas:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca la cantidad de puertas del Automovil" type="text" class="form-control" name="puertas" id="puertas" placeholder="4" pattern="[a-zA-Z ]+" required>
                  </div><br/><br/>
                </div>     
                
               <div class="form-group">
                  <label for="cilindros" class="col-md-2">
                    Nro de Cilindros:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca cantidad de cilindros" type="text" class="form-control" name="cilindros" id="cilindros" placeholder="4-16" pattern="[a-zA-Z ]+" required>
                  </div><br/><br/>
                </div>     
                
                <div class="form-group">
                  <label for="kilometraje" class="col-md-2">
                    Kilometraje:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca el Kilometraje del Automovil" type="text" class="form-control" id="kilometraje" name="kilometraje" placeholder="0 Km" pattern="[a-zA-Z0-9 ]+" required>
                  </div><br/><br/>
                </div>


                <div class="form-group">

                  <label for="peso" class="col-md-2">
                    Peso:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca Peso de Automovil" type="text" class="form-control" id="peso" name="peso" placeholder="1000 kg" pattern="[0-9]+" required>
                  </div><br/><br/>
                </div>

                <div class="form-group">

                  <label for="precio" class="col-md-2">
                    Precio:
                  </label>
                  <div class="col-md-10">
                      <input title="Introduzca Precio del Automovil" type="text" class="form-control" id="precio" name="precio" placeholder="100000" pattern="[0-9]+" required>
                  </div><br/><br/>
                </div>
         
                <div class="row">
                  <div class="col-md-2">
                  </div>                  
                  <div class="col-md-3">
                      <button type="submit" name="registrar_automovil" class="btn btn-info" onclick="validar_automovil();">
                      Registrar
                      </button>
                  </div>
                </div>  
              </form>
        </div>

         
          
      </div>

      <hr>


<?php require_once('./modulos/footer.php'); ?>       
      
    </div> <!-- /container -->
    
<?php require_once('./modulos/scriptjs.php'); ?>     
    
    </body>
</html>